'use strict';
import React, {Component} from 'react';
import {
    StyleSheet,
    View,
    Text,
    Image,
    TouchableOpacity,
    TextInput,
    Platform,
} from 'react-native';
import Global from '../Commom/GlobalConst';
import RuralMap from '../Components/RuralMapView';
export default class RuralMapPage extends Component {
    constructor(props) {
        super(props);
    }

    BackAction() {
        this.props.navigator.pop();
    }


    render() {
        return (
            <View style={styles.container}>
                <RuralMap
                    style={{width:Global.Const.size.width,height:Global.Const.size.height,position:'absolute',top:0,left:0,backgroundColor:Global.Const.transparent}}
                    marker={{
                                longitude: this.props.longitude,
                                latitude: this.props.latitude,
                     }}
                />
                <View style={{width:Global.Const.size.width,height:65,backgroundColor:'white'}}>

                    <View style={{marginTop:24,alignItems:'center'}}>

                        <View style={{width:21,height:21,position:'absolute',left:12,top:3}}>
                            <TouchableOpacity activeOpacity={0.5}
                                              onPress={()=>this.BackAction()}>
                                <Image style={{resizeMode:'contain',width:21,height:21}}
                                       source={require('../../Image/icon_back.png')}></Image>
                            </TouchableOpacity>
                        </View>
                        <Text style={{fontSize:20,color:Global.FontColor.DimGray}}>地图</Text>
                    </View>
                </View>
            </View>
        );
    }
}

var styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: Global.Const.transparent,
    },
});